<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link
      rel="stylesheet"
      href="http://javion25.github.io/PicCarousel.js/demo/css/picCarousel.css"
    />
    <title>PicCarousel-Demo</title>
  </head>
  <body>
    <div class="poster-main A_Demo">
      <div class="poster-btn poster-prev-btn"></div>
      <ul class="poster-list">
        <li class="poster-item">
          <a href="#"><img src="http://javion25.github.io/PicCarousel.js/demo/img/1.jpg" width="100%" /></a>
        </li>
        <li class="poster-item">
          <a href="#"><img src="http://javion25.github.io/PicCarousel.js/demo/img/1.jpg" width="100%" /></a>
        </li>
        <li class="poster-item">
          <a href="#"><img src="http://javion25.github.io/PicCarousel.js/demo/img/1.jpg" width="100%" /></a>
        </li>
        <li class="poster-item">
          <a href="#"><img src="http://javion25.github.io/PicCarousel.js/demo/img/1.jpg" width="100%" /></a>
        </li>
        <li class="poster-item">
          <a href="#"><img src="http://javion25.github.io/PicCarousel.js/demo/img/1.jpg" width="100%" /></a>
        </li>
      </ul>
      <div class="poster-btn poster-next-btn"></div>
    </div>

    <script
      type="text/javascript"
      src="http://javion25.github.io/PicCarousel.js/demo/js/jquery.js"
    ></script>
    <script
      type="text/javascript"
      src="http://javion25.github.io/PicCarousel.js/demo/js/PicCarousel.js"
    ></script>
    <script>
      $(".A_Demo").PicCarousel("init");
    </script>
  </body>
</html>
